* {
	margin: 0;
	padding: 0;
}
html,body {
    width: 100%;
}
.txh {
    display: flex;
	display: -webkit-flex;
}
li {
	   list-style: none;
}
.px2rem(@name, @px) {
	   @{name}: @px / 75 * 1rem;
}
header {
	background: #ffffff;
	ul {
		.px2rem(height,96);
		border-bottom: 1px solid #ccc;
		.txh();
		justify-content:space-between;
		align-items:center;
		.px2rem(padding-left,24);
		.px2rem(padding-right,24);
		.px2rem(font-size,28);
		li {
			color: #d93a55;
		}
	}
}
.content {
	background: #f8f8f8;
	.content-list {
		ul {
			li {
				.px2rem(font-size,24);
				color: #5d5d5d;
			}
			li:nth-child(1) {
				.px2rem(padding-top,18);
				.px2rem(padding-bottom,18);
				.txh();
				align-items:center;
				span {
					width: 18%;
					.txh();
					justify-content:center;
				}	
				input {
					border:none;
					border:1px solid #ccc;
					.px2rem(height,52);
					width: 72%;
					.px2rem(padding-left,23);
				}		
			}
			li:nth-child(2) {
				.txh();
				align-items:center;
				span {
					width: 18%;
					.txh();
					justify-content:center;
				}
				input {
					color: #333333;
					border:none;
					border:1px solid #ccc;
					.px2rem(height,52);
					width: 20%;
					.px2rem(padding-left,23);
					.px2rem(margin-right,10);
				}
			}
			li:nth-child(3) {
				.txh();
				align-items:center;
				.px2rem(padding-top,18);
				span {
					width: 18%;
					.txh();
					justify-content:center;
				}
				input {
					color: #333333;
					border:none;
					border:1px solid #ccc;
					.px2rem(height,52);
					width: 72%;
					.px2rem(padding-left,23);
				}
			}
			li:nth-child(4) {
				.px2rem(padding-top,18);
				.txh();
				align-items:center;
				span {
					width: 18%;
					.txh();
					justify-content:center;
				}
				input {
					color: #333333;
					border:none;
					border:1px solid #ccc;
					.px2rem(height,52);
					width: 72%;
					.px2rem(padding-left,23);
				}
			}
			li:nth-child(5) {
				.txh();
				align-items:center;
				.px2rem(padding-top,18);
				span {
					width: 18%;
					.txh();
					justify-content:center;
				}
				input {
					color: #333333;
					border:none;
					border:1px solid #ccc;
					.px2rem(height,52);
					width: 72%;
					.px2rem(padding-left,23);
				}
			}
		}
	}
	
}
.footer {
	.px2rem(margin-top,57);
	.px2rem(padding-left,19);
	.px2rem(padding-right,19);
	align-items:center;
	.txh();
	 justify-content:center;
	 .btn {	
	 	background: #d93a55;
	 	width: 94%;		
		.px2rem(height,68);		
		.px2rem(font-size,28);		
		color: #ffffff;
		border-radius: 40px;
	 }
}
